<!DOCTYPE html>
<html>

<head>
    <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
    <script src="https://unpkg.com/super-hands@^3.0.3/dist/super-hands.min.js"></script>
    <script src="https://unpkg.com/aframe-event-set-component@4.2.1/dist/aframe-event-set-component.min.js"></script> 
    <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.1/dist/aframe-extras.misc.min.js"></script>

</head>

<body>





    <a-scene cursor="rayOrigin :mouse">

        <!-- vr 手柄 一般有 两种
            3 dof: 谷歌 三星
            6 dof :  quest htc
            引入super hand 能够很好的 使用

           谷歌扩展看：
           
           WebXR API Emulator

           有两个解决方案。第一个叫做laser interaction
           另一个加偶走 super hand


        -->
        <a-entity progressive-controls></a-entity>




        <a-assets>
            <img id="testImg"
                src=""
                alt="">

            <img id="skyImg"
                src=""
                alt="">

            <a-asset-item id="model" src="https://cdn.jsdelivr.net/npm/electroluxasset/model/scene/scene.gltf"></a-asset-item>
        </a-assets>

  
        <!-- <a-plane material="src: #testImg; repeat:10 10" shadow="receive:true" rotation="-90 0 0" scale="100 100 100"
            position="0 0.3 -3">
        </a-plane> -->

        <a-sky material="src:#skyImg"></a-sky>

       <a-box event-set__mouseleave="material.color: white" event-set__click="material.color: red;" event-set__mouseenter="material.color: blue" id="screen" color="" position="0 3 -9" scale="8 4 0.1"></a-box>
       <a-box id="screen" color="" position="-2.25 0 -9" scale="2 1 0.1"></a-box>
       <a-box id="screen" color="" position="0 0 -9" scale="2 1 0.1"></a-box>
       <a-box id="screen" color="" position="2.25 0 -9" scale="2 1 0.1"></a-box> 
       <!-- <a-camera>
            <a-entity id="camera" camera position="0 1 0 " look-controls wasd-contwrols raycaster="object:#origin">
                
                <a-cursor id="cursor" fuse="true" fusetimeout="3000"></a-cursor>
            </a-entity>
        </a-camera> -->
    </a-scene>

    <script>
        
    </script>
    <Button></Button>
</body>

</html>